<template>
  <section class="todoapp">
    <TodoHeader></TodoHeader>
    <TodoMain></TodoMain>
    <TodoFooter></TodoFooter>
  </section>
</template>

<script setup>
import TodoHeader from './components/todoHeader.vue'
import TodoMain from './components/todoMain.vue'
import TodoFooter from './components/todoFooter.vue'
import userStore from './store'

const {todos} = userStore()
todos.$subscribe(() => {
  localStorage.setItem('todoList', JSON.stringify(todos.list))
})
</script>

<style></style>
